import React from 'react'
import { useNavigate } from 'react-router-dom'
import Navbar from '../../compoents/Navbar'
import styles from './index.module.css'

function Index() {
  const navigate = useNavigate()

  return (
    <div className={styles.page}>
      <Navbar title="系统通知" showBack={true} onBack={() => navigate(-1)} />

      <div className={styles.wrapper}>
        <div className={styles.badge}>
          <span className={styles.bell}>🔔</span>
        </div>

        <div className={styles.card_box}>
            <div className={styles.time}>2025年9月11日上午 10:32</div>
            <div className={styles.card}>
          
          <div className={styles.content}>
            <p>感谢使用【妙手医生】服务！</p>
            <p>挂号、问诊、购药，上妙手医生！</p>

            <p className={styles.star}>★ 近期热门推荐</p>
            <p>☞ 名医直播义诊，医生与你面对面</p>
            <a className={styles.link}>点此进入！</a>

            <p className={styles.star}>★ 我们提供便捷的就医服务</p>
            <p>我要 ☞ <a className={styles.link}>预约挂号</a></p>
            <p>我要 ☞ <a className={styles.link}>极速问诊</a></p>
            <p>我要 ☞ <a className={styles.link}>专家问诊</a></p>

            <p className={styles.star}>★ 您的专属服务</p>
            <p><a className={styles.link}>☞ 我的医生</a></p>
            <p><a className={styles.link}>☞ 我的问诊记录</a></p>
            <p><a className={styles.link}>☞ 我的用药记录</a></p>
            <p><a className={styles.link}>☞ 我的挂号记录</a></p>
          </div>
        </div>
        </div>

        
      </div>
    </div>
  )
}

export default Index
